<template>
  	<div>
	  	<v-header :seller="seller"></v-header>
	  	<div class="tab border-1px">
	  		<div class="tab-item">
	  			<a v-link="{path: '/goods'}">商品</a>
	  		</div>
	  		<div class="tab-item">
	  			<a v-link="{path: '/ratings'}">评价</a>
	  		</div>
	  		<div class="tab-item">
	  			<a v-link="{path: '/seller'}">商家</a>
	  		</div>
	  	</div>
	  	<router-view :seller="seller" keep-alive></router-view>
	 </div>
</template>
<script>
	import header from 'components/header/header';
	import {urlParse} from 'common/js/util';
	const ERR_OK = 0;
	export default {
		data () {
			return {
				seller: {
					id: (() => {
						let queryParam = urlParse();
						return queryParam.id;
					})()
				}
			};
		},
		created () {
			this.$http.get('/api/seller?id=' + this.seller.id).then((response) => {
				response = response.body;
				if (response.errno === ERR_OK) {
					// this.seller = response.data;
					this.seller = Object.assign({}, this.seller, response.data);
				}
			});
		},
		components: {
			'v-header': header
		}
	};
</script>
<style lang="scss" rel="stylesheet/scss">
	@import 'common/sass/mixin.scss';
	.tab{
		display: flex;
		width: 100%;
		height: 40px;
		line-height: 40px;
		@include border-1px(rgba(7,17,27,0.1))
		.tab-item{
			flex: 1;
			text-align: center;
			a{
				display: block;
				font-size: 14px;
				color: rgb(77,85,93);
				&.active{
					color: rgb(240,20,20);
				}
			}
		}
	}
</style>
